<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
 
<!DOCTYPE HTML>
<html>
  <head>
    <title>${title }</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<jsp:include page="../common/include.jsp"></jsp:include>
	
	<script type="text/javascript">
		
		$(function(){
			$('#myModal').on('show.bs.modal', function (e) {
				  //if (!data) return e.preventDefault();
			});
			//$('#myModal').modal('toggle');
		});
	</script>
  </head>
  
  <body style="border:1px solid #ccc;">
  
	 <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">
  		 modal
	</button>
	
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
	      </div>
	      <div class="modal-body">
	        One fine body&hellip;
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	        <button type="button" class="btn btn-primary">Save changes</button>
	      </div>
	    </div>
	  </div>
	</div>
 
  </body>
</html>
